<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/articleone.css"/>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>

	</head>

	<body>
		<div class="web">
			<header>
				<i class="fl iconfont icon-liebiao closelogin"></i>
				<i class="fr iconfont icon-fangdajing"></i>
				<img class="logo" src="img/logo.png" />
			</header>
			<!--文章一-->
			<div class="article_content">
				<div class="article_carousel">
					<div class="lunbo_wrap">
						<ul class="pic_box">
							<li>
								<img src="img/05.jpg"/>
							</li>
							<li>
								<img src="img/05.jpg"/>
							</li>
							<li>
								<img src="img/05.jpg" />
							</li>

						</ul>
						<ul class="pannel">

						</ul>
					</div>

				</div>
				<div class="article_wrap">
					<ul>
						<li>
							<div class="article_sell">
								<img src="img/article_01.jpg"/>
							</div>
							<p>
								海天"晒"宴，和汪涵一起，参观海天酱油参观海天酱油参观海天酱油参观海天酱油参观海天酱油
							</p>
							<div class="sell_like">
								<a href="">营销</a> 
								<div class="user_like">
									<span><i class="iconfont icon-icon4"></i>120</span>
									<span><i class="iconfont icon-browse"></i>560</span>
								</div>
								
							</div>
							<div class="username">
								<a href=""><img src="img/mx-nologin.png"/><span>叶巧枫</span></a>
								<span>2015年1月20日</span>
							</div>
						</li>
						<li>
							<div class="article_sell">
								<img src="img/article_01.jpg"/>
							</div>
							<p>
								海天"晒"宴，和汪涵一起，参观海天酱油参观海天酱油参观海天酱油参观海天酱油参观海天酱油
							</p>
							<div class="sell_like">
								<a href="">营销</a> 
								<div class="user_like">
									<span><i class="iconfont icon-icon4"></i>120</span>
									<span><i class="iconfont icon-browse"></i>560</span>
								</div>
								
							</div>
							<div class="username">
								<a href=""><img src="img/mx-nologin.png"/><span>叶巧枫</span></a>
								<span>2015年1月20日</span>
							</div>
						</li>
						<li>
							<div class="article_sell">
								<img src="img/article_01.jpg"/>
							</div>
							<p>
								海天"晒"宴，和汪涵一起，参观海天酱油参观海天酱油参观海天酱油参观海天酱油参观海天酱油
							</p>
							<div class="sell_like">
								<a href="">营销</a> 
								<div class="user_like">
									<span><i class="iconfont icon-icon4"></i>120</span>
									<span><i class="iconfont icon-browse"></i>560</span>
								</div>
								
							</div>
							<div class="username">
								<a href=""><img src="img/mx-nologin.png"/><span>叶巧枫</span></a>
								<span>2015年1月20日</span>
							</div>
						</li>
						<li>
							<div class="article_sell">
								<img src="img/article_01.jpg"/>
							</div>
							<p>
								海天"晒"宴，和汪涵一起，参观海天酱油参观海天酱油参观海天酱油参观海天酱油参观海天酱油
							</p>
							<div class="sell_like">
								<a href="">营销</a> 
								<div class="user_like">
									<span><i class="iconfont icon-icon4"></i>120</span>
									<span><i class="iconfont icon-browse"></i>560</span>
								</div>
								
							</div>
							<div class="username">
								<a href=""><img src="img/mx-nologin.png"/><span>叶巧枫</span></a>
								<span>2015年1月20日</span>
							</div>
						</li>
						<li>
							<div class="article_sell">
								<img src="img/article_01.jpg"/>
							</div>
							<p>
								海天"晒"宴，和汪涵一起，参观海天酱油参观海天酱油参观海天酱油参观海天酱油参观海天酱油
							</p>
							<div class="sell_like">
								<a href="">营销</a> 
								<div class="user_like">
									<span><i class="iconfont icon-icon4"></i>120</span>
									<span><i class="iconfont icon-browse"></i>560</span>
								</div>
								
							</div>
							<div class="username">
								<a href=""><img src="img/mx-nologin.png"/><span>叶巧枫</span></a>
								<span>2015年1月20日</span>
							</div>
						</li>
						<li>
							<div class="article_sell">
								<img src="img/article_01.jpg"/>
							</div>
							<p>
								海天"晒"宴，和汪涵一起，参观海天酱油参观海天酱油参观海天酱油参观海天酱油参观海天酱油
							</p>
							<div class="sell_like">
								<a href="">营销</a> 
								<div class="user_like">
									<span><i class="iconfont icon-icon4"></i>120</span>
									<span><i class="iconfont icon-browse"></i>560</span>
								</div>
								
							</div>
							<div class="username">
								<a href=""><img src="img/mx-nologin.png"/><span>叶巧枫</span></a>
								<span>2015年1月20日</span>
							</div>
						</li>
					</ul>
				</div>
				
			</div>

			<footer>
				<div class="footer_nav">
					<ul>
						<li>
							<a href="javascript:void(0)">
								<div class="home_page">
								</div>
								<span class="footer_label">首页</span>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="gime_page">

								</div>
								<span class="footer_label">GIME</span>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="article_page">
								</div>
								<span class="footer_label">文章</span>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="resource_page">
								</div>
								<span class="footer_label">资源</span>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="school_page">
								</div>
								<span class="footer_label">学院</span>
							</a>
						</li>
					</ul>
				</div>
			</footer>
		</div>
		<!--轮播图js-->

		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/carousel.js" type="text/javascript" charset="utf-8"></script>
		<script>
			new lunbo(".article_carousel", 360 / 640);
		</script>
		<!--轮播图js结束-->
	</body>

</html>